.index{width:100%; max-width:640px; min-height:320px; background:#fff;z-index:102; zoom:1; padding-top:80px;}
.login{width:100%; height:100%;}

.wrapper{ margin-top:20px;}
.wrapper>.top{ margin-top:15px; margin-bottom:20px;}
.wrapper .top h2{ font-size:18px; color:#fff; margin:0 15px; line-height:30px; padding-left:10px; font-weight:normal; background:#428bca;}
/*.wrapper .top h3{ font-size:14px; color:#999; margin-left:15px; font-weight:normal; margin-top:5px;}
.wrapper .top p{ background:#eee; line-height:36px; padding-left:10px; margin:0 15px; margin-top:6px; color:#666; font-size:14px;}*/
.list{ margin:15px; border:1px #d9d9d9 solid;}
.list .titile{ background:#fff; padding:10px 15px; color:#333; font-size:15px; border-bottom:1px #d9d9d9 solid; position:relative;}
.list .titile span{ background:url(../img/icon-user02.png) no-repeat left center; background-size:auto 20px; display:inline-block; padding-left:26px;}
.list .titile02 span.give{ background:url(../img/bot.png) no-repeat left center; background-size:auto 20px; display:inline-block; padding-left:26px;}
.list .titile02 span.get{ background:url(../img/top.png) no-repeat left center; background-size:auto 20px; display:inline-block; padding-left:26px;}
.list .titile i{display:block; width:40px; height:40px; position:absolute;right:0; top:0;background:url(../img/slide.png) no-repeat center center; background-size:auto 16px; border-left:1px #d9d9d9 solid;}
.list .reg{ margin:20px;}
.list .reg ul li{ margin-bottom:15px; position:relative; font-size:13px; color:#999;}
.list .reg ul li p{ color:#333; font-size:13px; margin-bottom:8px; font-weight:bold; width:30%; float:left;text-align:right;}
.list .reg ul li p b{ color:#0000ff;}
.list .reg ul li span{ display:block; line-height:30px;}
.list .reg ul li input[type=text]{ background:#eee; border:1px #e4e5e7 solid;display:block; float:right;width:50%; height:16px; padding:3% 5%;font-size:13px; color:#666;}
.list .reg ul li input.name{ background:#fff url(../img/hq.jpg) no-repeat 5px center;width:81%;padding:3% 5%; padding-left:14%;}
.list .reg ul li em{ font-style:normal; background:#34495e; display:block; position:absolute; right:-1px; top:26px; color:#fff; width:50px; text-align:center; padding:3% 0; line-height:16px; border-radius:3px; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.list .reg ul li select{ background:#fff; border:1px #e4e5e7 solid; display:block; float:right;width:60%; padding:3% 5%; font-size:13px; color:#666;}
.list .reg ul li input[type=checkbox]{ display:inline-block; margin-right:5px; vertical-align:-2px;}
.list .reg ul li input[type=button]{ background:#5cb85c; border:none; height:36px; display:inline-block; min-width:50px; color:#fff; padding:0 25px;}
.list .reg ul li input[type=password]{  background:#eee; border:1px #e4e5e7 solid;display:block; float:right;width:50%; height:16px; padding:3% 5%;font-size:13px; color:#666;}
.list .reg ul li textarea{  background:#fff; border:1px #e4e5e7 solid; border-radius:4px; display:block; width:50%; float:right; height:100px; padding:3% 5%;font-size:13px; color:#666;}
.list .reg ul li input.butt{ background:#34495e; border:none; border-radius:4px; height:36px; display:inline-block; min-width:50px; color:#fff; padding:0 10px;}
.button{ text-align:center; margin:30px 0;}
.button input[type=button]{ background:#5cb85c; border:none; height:36px; display:inline-block; min-width:50px; color:#fff; padding:0 25px;}
.list .reg02 ul li p{ text-align:center; width:20%;}
.list .reg02 ul li select{ background:#fff; border:1px #e4e5e7 solid; display:block; float:right;width:80%; padding:3% 5%; font-size:13px; color:#666;}
.list .reg02 ul li input[type=text]{ background:#fff; border:1px #e4e5e7 solid;display:block; float:right;width:69%; height:16px; padding:3% 5%;font-size:13px; color:#666;}
.list .reg02 ul li textarea{  background:#fff; border:1px #e4e5e7 solid; border-radius:4px; display:block; width:69%; float:right; height:100px; padding:3% 5%;font-size:13px; color:#666;}
.list .reg02 ul li input[type=button]{ background:#5cb85c; border:none; float:right; height:44px; display:inline-block;width:80%; padding:3% 5%;color:#fff;}


.list .project{ margin:10px; overflow:auto; -webkit-overflow-scrolling: touch; }
.list .project table{border-top:1px #ddd solid;}
.list .project table tr{ background:#f9f9f9; }
.list .project table tr th{border:1px #ddd solid; border-top:none; font-size:14px; color:#666; padding:10px; min-width:60px; text-align:left; font-weight:normal;}
.list .project table tr td{ padding:10px 8px;font-size:13px;border:1px #ddd solid; color:#666; vertical-align:middle; white-space:nowrap;}
.pages{ border-radius:4px; margin-bottom:20px; margin-top:10px; border:1px #e7eaec solid; display:inline-block; margin-left:10px; overflow:hidden;}
.pages a{ display:inline-block; padding:6px 12px; color:#428bca; font-size:15px; border-right:1px #e7eaec solid;}
.pages a:last-child{ border-right:none;}
.pages a.on{ background:#428bca; color:#fff;}


.list .titile02{ background:#555555; padding:10px 15px; color:#fff; font-size:15px; border-bottom:1px #d9d9d9 solid; position:relative;}
.list .titile02 span{ background:url(../img/user02.png) no-repeat left center; background-size:auto 20px; display:inline-block; padding-left:26px;}
.list .titile02 i{display:block; width:40px; height:40px; position:absolute;right:0; top:0;background:url(../img/portlet-collapse-icon-white.png) no-repeat center center; background-size:auto 16px; }

.search{ margin:0 15px; position:relative;}
.search input[type=text]{ border:1px #e6e6e6 solid; border-top-left-radius:4px;border-bottom-left-radius:4px; background:#fff; line-height:30px; padding-left:10px; display:inline-block; width:60%; padding-left:5%;}
.search input[type=button]{ border:1px #e6e6e6 solid; border-left:none; background:url(../img/search.png) no-repeat center center; background-size:auto 20px;width:35%; line-height:30px; display:inline-block; position:absolute; left:65%;}

.wrapper .number{ margin:15px; border:1px #e4e5e7 solid; padding:15px; background:#f5f5f5;}
.wrapper .number ul li{ margin-bottom:8px;}
.wrapper .number ul li span{ width:88px; color:#333; font-size:13px; display:inline-block;}
.wrapper .number ul li input[type=text]{ border:1px #a9a9a9 solid; line-height:24px; width:45%; margin-right:5px;}
.wrapper .number ul li:nth-child(3) input[type=button]{ border:none; background:#428bca; width:80px; line-height:30px; display:inline-block; color:#fff; border-radius:4px;}
.wrapper .number ul p{ font-size:13px; color:#333;}

.wrapper .money ul li{ border:1px #e4e5e7 solid; background:#f18d83;text-align:center; padding:10px;}
.wrapper .money ul li h3{ font-weight:normal; font-size:20px; color:#fff;}
.wrapper .money ul li:nth-child(2){ background:#f8c165;}
.wrapper .money ul li:nth-child(3){ background:#60dcc4;}
.wrapper .money ul li h4{ font-size:20px; color:#fff; margin-top:5px; margin-bottom:5px;}
.wrapper .money ul li h5 input{ background:#689ded; border-radius:4px; padding:10px 16px; color:#fff;}

.project .number02{ color:#F00; margin-bottom:15px;}
.project .number02 p{ margin-bottom:10px; font-size:14px;}
.project .number02 p select{ display:inline-block; width:60px; line-height:30px; height:30px; border:1px #e4e5e7 solid; margin-left:10px;}
.project .number02 p input{ display:inline-block; width:200px; line-height:30px; height:30px; border:1px #e4e5e7 solid; margin-left:10px; color:#F00; padding-left:10px;}

.newslist{ margin:2%;}
.newslist h2{ font-weight:normal; margin-bottom:10px;}
.newslist h2 img{ width:20px; display:inline-block; margin-right:5px; vertical-align:-5px;}
.newslist h2 span{ font-size:16px; color:#333; padding-right:10px;}
.newslist h2 time{ font-size:13px; color:#333;}
.newslist .detail{ border-radius:4px; border:1px #ddd solid; padding:15px; font-size:14px; color:#6a6c6f;}
.newslist .detail p{ line-height:18px; margin-bottom:10px; text-indent:26px;}


.page02{ width:100%; max-width:640px; position:fixed;overflow:scroll;  background:rgba(0,0,0,0.5); top:0;z-index:9999; height:100%; display:none;}
.page02 .help{ background:#fff; width:94%; left:3%; position:absolute; top:6%; margin-bottom:5%; border-radius:6px; padding:10px 0;}
.page02 .help .modal .word{ border-bottom:1px #e5e5e5 solid; position:relative;}
.page02 .help .modal .word h2{ font-weight:normal; font-size:18px; color:#428bca; padding:0 25px 15px 15px;}
.page02 .help .modal .word span{ display:block; font-size:20px; color:#ccc; position:absolute; right:10px; top:0;}
.page02 .help .modal .word h2 b{ font-weight:normal; color:#31708f; font-size:15px;}
.page02 .help .modal .way h3{ padding-left:15px; color:#F00; font-size:15px;font-weight:normal; padding-top:10px; padding-bottom:5px;}
.page02 .help .modal .way label{ display:block; padding-left:25px; color:#666; line-height:20px; margin-top:5px; font-size:13px;} 
.page02 .help .modal .way label input{ display:inline-block; margin-right:10px; vertical-align:-2px;}
.page02 .help .modal .in{ padding:10px 15px;}
.page02 .help .modal .in h3{color:#F00; font-size:15px;font-weight:normal; padding-bottom:10px;}
.page02 .help .modal .in input{ display:block;width:95%; border:1px #ccc solid; line-height:32px; background:#fff; padding-left:5%; font-size:14px; color:#666; border-radius:4px;}
.page02 .help .modal .agree{ padding:0 15px; position:relative; padding-bottom:50px; border-bottom:1px #e5e5e5 solid;}
.page02 .help .modal .agree input{display:block; position:absolute; left:26px; top:2px;}
.page02 .help .modal .agree span{color:#a94442; font-size:14px; margin-left:30px; display:block;}
.page02 .help .modal .butt{ margin-top:10px; margin-left:10px; text-align:right;}
.page02 .help .modal .butt input{ border:none; background:#428bca; display:inline-block; color:#fff; width:80px; line-height:30px; border-radius:3px; margin-right:10px;}
.page02 .help .modal .butt input.right{ border:1px #e5e5e5 solid; background:#fff; display:inline-block; color:#666; width:80px; line-height:30px; border-radius:3px; margin-right:10px;}
.page02 .help .modal .money{ padding:10px 15px;}
.page02 .help .modal .money p{ border:1px #e4e5e7 solid; border-radius:3px; line-height:30px; background:#f7f8fa; padding-left:10px; font-size:13px; color:#666; margin-bottom:10px;}
.page02 .help .modal .money p span{ width:30%;display:inline-block; line-height:30px;}
.page02 .help .modal .money p b{ width:65%; background:#eeeeee; padding-left:5%; border-left:1px #e4e5e7 solid; margin-left:-1px; display:inline-block; line-height:30px; font-weight:normal; color:#999;}


.form{ background: rgba(255, 255, 255, 0.1); padding:10px; padding-bottom:77px;}
.form .logo{ width:100%; text-align:center;}
.form .logo img{ display:inline-block; width:40%;}
.form .center{ text-align:center; padding:15px 0; line-height:20px;}
.form .center span{ font-size:14px; color:#fff;}
.form .center span i{ display:inline-block; width:9px; height:9px; border-radius:50%; border:3px #14C143 solid; margin-right:10px; vertical-align:-2px;}
.form .center span.line{ width:2px; display:inline-block; background:#fff; height:16px; margin:0 10%; vertical-align:-2px;}
.form .center a{ font-size:14px; color:#fff; background:url(../img/goto.png) no-repeat right center; background-size:18px auto; padding-right:26px;}

.form form ul{ margin:0 5%;}
.form form ul li{ width:100%; margin-bottom:15px; position:relative;}
.form form ul li:nth-child(1){ border-bottom:1px #fff solid; padding:6px 0;}
.form form ul li:nth-child(2){ border-bottom:1px #fff solid; padding:6px 0;}
.form form ul li i{ position:absolute; display:block; width:15%; height:32px; background:url(../img/user.png) no-repeat center center; background-size:22px auto;}
.form form ul li:nth-child(2) i{ position:absolute; display:block; width:15%; height:32px; background:url(../img/pass.png) no-repeat center center; background-size:22px auto;}
.form form ul li input[type=text]{ margin-left:15%; display:inline-block; width:80%; border:none; line-height:32px; height:32px; padding-left:5%; font-size:14px; color:#555; background:#fff;}
.form form ul li input[type=password]{  margin-left:15%; display:inline-block; width:80%; border:none; line-height:32px; height:32px; padding-left:5%; font-size:14px; color:#555; background:#fff;}
.form form ul li:nth-child(3) input[type=text]{ display:inline-block; width:40%;border:none; line-height:40px; height:40px; padding-left:5%; font-size:14px; color:#555; margin-left:0;}
.form form ul li:nth-child(3) img{ display:inline-block; width:50%; height:40px; position:absolute; right:0; top:0;}
.form form ul li:nth-child(4) input[type=button]{ display:inline-block; width:100%;border:none; line-height:40px; height:40px;  font-size:14px; color:#555; margin-left:0; background:#5cb85c; border-radius:4px; color:#fff;}
.form form p{ text-align:center; font-size:14px; color:#fff;}


